<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/bishe/layui/css/layui.css"  media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>

<div class="projectTable">
    搜索ID：
    <div class="layui-inline">
        <input class="layui-input" name="id" id="projectReload" autocomplete="off">
    </div>
    <button class="layui-btn" data-type="reload">搜索</button>
</div>

<table class="layui-hide" id="LAY_table_projectList" lay-filter="projectList">

</table>


<script src="/bishe/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use('table', function(){
        var table = layui.table;

        //方法级渲染
        table.render({
            elem: '#LAY_table_projectList'
            ,url: '/bishe/project/projectJson'
            // ,parseData: function(res){ //res 即为原始返回的数据
            //     return {
            //         "code": res.code, //解析接口状态
            //         "msg": res.msg, //解析提示文本
            //         "count": res.count, //解析数据长度
            //         "data": res.data //解析数据列表
            //     };
            // }
            ,cols: [
                [
                {field:'pid', title: '项目编号',  sort: true, fixed: true}
                ,{field:'pname', title: '项目名', }
                ,{field:'pplace', title: '开标地点',  }
                ,{field:'ptenderee', title: '招标人或机构', }
                ,{field:'pdate', title: '评标日期'}
                ,{field:'ptime', title: '评标时间'}
                ,{field:'pindustry', title: '评标行业'}
                ]
            ]
            ,id: 'idReload'
            ,page: true
            ,height: 310
        });

        var $ = layui.$, active = {
            reload: function(){
                var projecReload = $('#projectReload');

                //执行重载
                table.reload('idReload', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    ,where: {
                        key: {
                            id: projecReload.val()
                        }
                    }
                }, 'data');
            }
        };

        $('.projectTable .layui-btn').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
</script>

</body>
</html>